.m-shop
  .shop-book-item, .shop-real-item
    text-align: center
    margin-bottom: 15px
    .img
      padding: 10px;
      background: #fff;
      line-height: 0;
      margin-bottom: 10px;
      max-width: 150px;
      margin: 0 auto;
      position: relative
      .icon
        position: absolute
        width: 40px;
        height: 40px;
        background-size: contain;
        top: -20px;
        left: -20px;
        background-repeat: no-repeat;
      .readed
        background-image: url(../images/classroom/readed.png)
      .latest
        background-image: url(../images/classroom/latest.png)
    .title
      font-size: 16px
      color: $active
    .number, .time, .vip
      font-size: 12px
      margin-bottom: 5px
    .number
      margin-bottom: 0
    button
      font-size: 12px;
      width: 100px;
      height: 22px;
      border-color: #ddd;
      padding: 0;
      color: $active

  .pagination
    overflow: hidden
    .g-pagination
      float: right
    